<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<title>注册</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/register.css">
<link rel="stylesheet" type="text/css" href="font/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script  src="js/phone.js"></script>
</head>
<body>
<!-- 顶部开始 -->
<div class="container">
     <div class="header">
            <img src="img/read.png" alt="">
     </div>
<!-- 顶部结束 -->
<!-- 登录注册开始 -->
    <div class="register">
            <form action="" class="demoform" id="form">
                    <p class="por"><i class="iconfont icon-head poa"></i><input type="text" placeholder="邮箱/用户/手机号" datatype="s5-16" errormsg="用户名为5-16个任意字符组合！" nullmsg="用户名不能为空!"></p>
                    <p class="por"><i class="iconfont icon-mima poa"></i><input type="password" placeholder="密码" datatype="*6-12" errormsg="密码为6~12位之间的任意字符！" nullmsg="密码不能为空!"></p>
                    <input type="submit" value="登录" class="button">
            </form>
            <p class="clearfix forget">
                <span class="fl"><a href="">忘记密码</a></span>
                <span class="fr"><a href="enroll.html">注册</a></span>
            </p>
    </div>
</div>
<!-- 登录注册结束 -->
<script src="js/jquery.min.js"></script>
<script src="js/Validform_v5.3.2_min.js"></script>
<script>
   $("#form").Validform({
        tiptype:3,
        beforeSubmit:function(curform){
            alert("验证通过，即将要提交");
            return false; 
        },
       });
</script>
</body>
</html>